<script setup lang="ts">
    import { defineProps } from 'vue'
    const emit = defineEmits(['submit'])
    const props = defineProps<{
        templateInfo?: any
    }>()
    const submit = async () => {
        emit('submit')
    }
</script>

<template>
    <div class="front_bg_btn">
        <button @click="submit">{{props.templateInfo?.signupButtonText||'立即抢购'}}</button>
    </div>
</template>

<style scoped lang="scss">
.front_bg_btn{
    position: fixed;
    top: 60%;
    z-index: 10;
    width: 90%;
    left: 5%;
    background: rgba($color: #ffffff, $alpha: 0.6);
    border-radius: 10px;
    padding: 20px 30px 10px 30px;
    box-sizing: border-box;
    button{
        width: 100%;
        cursor: pointer;
        background: linear-gradient(0deg, #ff6c45, #f84101);
        // box-shadow: .02667rem .02667rem .21333rem 0 #f32f31;
        height: 1.2rem;
        line-height: 1.2rem;
        text-align: center;
        font-size: 0.7rem;
        font-weight: 700;
        color: #fff;
        animation: pulse 2s ease .2s infinite both;
        padding: 0;
        outline: none;
        border: 0;
        vertical-align: top;
        border-radius: 0.6rem;
    }
}
// 添加pulse动画定义
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

</style>